<template>
    <div class="admin_address_wrap" @touchmove.prevent>
        <div class="fixd_wrap">
            <back :title="'账号管理'"></back>
        </div>
        <div class="content_wrap">
              <ul>
                <li @click="toSetUser"><span>修改用户信息</span><i></i></li>
                <li @click="toAddress_Admin"><span>管理收货地址</span><i></i></li>
              </ul>
              <p @click="exit">退出账号</p>
        </div>
    </div>
</template>

<script>
    import back from 'components/back'
    import {stop_slider} from 'assets/base/base'
    import {get_cookie,set_cookie} from 'assets/cookie/cookie'

    export default {
        name: "admin",
        data() {
            return {}
        },
        created() {

        },
        activated() {
        },
        computed: {},
        methods: {
          toSetUser(){
             this.$router.push('/setUser')
          },
          toAddress_Admin(){
             this.$router.push('/address_admin')
          },
          exit(){
            set_cookie('phone', '', 0)
            set_cookie('key','',0)
            this.$router.push('/my')
          }
        },
        components: {
            back
        }
    }
</script>

<style scoped lang="scss">
    .admin_address_wrap {
        position: fixed;
        background: #f8f8f8;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 11;
    }
    .fixd_wrap {
        max-width: 768px;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }

    .content_wrap {
      padding-top: 48px;
      >ul{
        >li{
          height: 55px;
          line-height: 55px;
          background-color: #fff;
          margin-top: 10px;
          border-bottom: 1px solid #eee;
          border-top: 1px solid #eee;
          font-size: 14px;
          >span{
            float: left;
            margin-left: 20px;
          }
          >i{
            float: right;
            width: 10px;
            height: 20px;
            margin-right: 20px;
            margin-top: 15px;
            background-image: url('../assets/img/right.png');
            background-size: 100% 100%;
          }
        }
      }
      >p{
        background: #019fe8;
        width: 80%;
        height: 35px;
        line-height: 35px;
        margin: 30px auto 0 auto;
        color: #fff;
        letter-spacing: 1px;
        border-radius: 5px;
        font-size: 15px;
        &:active{
          background-color: #008ed7;
        }
      }
    }
</style>
